/* 版心 */
.wrapper {
    margin: 0 auto;
    width: 1300px;
}

/* < !-- 头部导航 --> */
.top {
    background-color: #333;
}

.navigation-top {
    display: flex;
    justify-content: space-between;
}

.navigation-top ul {
    margin: 10px 0;
    display: flex;
    color: #b8b5b5;
}

.navigation-top ul li {
    border-right: 1px solid #b8b5b5;
    padding: 0 10px;
}

.navigation-top ul li:last-child {
    border-right: 0
}

/* < !-- logo区域 --> */
.top-logo .logo1 {
    width: 55px;
}

.top-logo .logo2 {
    width: 163px;
    height: 66px;
}

.top-logo {
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.top-logo ul {
    display: flex;
}

.top-logo ul li {
    margin-right: 35px;
}

/* 视频选项卡 */
.picture img {
    width: 991px;
    height: 460px;
}

.picture {
    margin-top: 20px;
    display: flex;
}

.picture ul {
    display: flex;
    flex-direction: column;
    width: 309px;
    height: 460px;
    background-color: #2c505f;
    /* 深蓝色背景 */
    color: #ffffff;
    /* 白色字体 */
    padding: 25px 20px 25px 20px;
}

.picture li {
    align-items: center;
    flex-grow: 1;
    justify-content: space-between;
    display: flex;
}

.picture li::after {
    content: '';
    background-image: url(../images/right.png);
    width: 6px;
    height: 10px;
}

/* < !-- 照片f4 --> */
.f4 {
    justify-content: space-between;
    flex-direction: row;
    display: flex;
    margin-top: 20px;

}

.f4 .f4-1 {
    justify-content: center;
    align-items: center;
    flex-direction: column;
    display: flex;
    color: #e6e5e5;
    text-align: center;
    background-color: #5f5750;
    width: 300px;
    height: 170px;
}

.f4 .f4-1 p {
    margin: 10px 0;
}

.f4 img {
    width: 317px;
    height: 170px;
}

/* 下半部分 */
.commodity {
    background-color: #f5f5f5;
}

/* 标题 */
.title {
    padding: 40px 0 10px 0;
    justify-content: space-between;
    display: flex;
}

/* 商品区域 */
.content {
    display: flex;
    justify-content: space-between;
}

.content .right {
    width: 1066px;
    height: 614px;
}

.content .right ul {
    display: flex;
    flex-wrap: wrap;
}

.content .right li a {
    text-align: center;
    justify-content: space-between;
    align-items: center;
    display: flex;
    flex-direction: column;
    background-color: white;
    margin: 0 0 10px 10px;
    position: relative;
    width: 256px;
    height: 302px;

}

.pic img {
    width: 160px;
}

.right .info h2 {
    font-weight: 800;
}

.right .info p {
    color: #c8c8c8;
}

.right .text .qqq {
    font-weight: 800;
    color: #ff8b53;
    font-size: 19px;
}

.right .text .qqq span {
    color: #c8c8c8;
    text-decoration: line-through;
}

.right .cx {
    height: 28px;
    width: 90px;
    background-color: #ffb42b;
}

.right .cx span {
    color: white;
}

.right .cx1 {
    height: 28px;
    width: 90px;
    background-color: #e53935;
}

/* 帮助中心 */
.hotline {
    height: 300px;
    align-items: center;
    display: flex;
}

.hotline .left {
    text-align: center;
    width: 1000px;
    display: flex;
    justify-content: space-between;
}

.hotline .left dt {
    margin-bottom: 30px;
    font-size: 19px;
}

.hotline .left dd {
    margin-bottom: 15px;
}

.hotline .left dd:last-child {
    margin-bottom: 0;
}

.hotline .left dl:last-child {
    margin-right: 100px;
}

.hotline .ab {
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.hotline .xian {
    width: 1px;
    height: 150px;
    background-color: #bebebe;
}

.hotline .ab dt {
    font-size: 30px;
    font-weight: 800px;
    color: #ff6b25;
}

/* 版权 */
.copyright .a1 img {
    width: 70px;
    margin-right: 20px;
}

.copyright .a1 {
    display: flex;
    align-items: center;
}

.copyright .a1 li a {
    padding: 0 10px;
    border-right: 1px solid rgb(0, 0, 0);
}

.copyright .a1 li:last-child a {
    border-right: 0
}

.copyright ul {
    display: flex;
}

.copyright {
    padding-top: 100px;
}

.bjbj {
    background-color: #f5f5f5;
}

.zp img {
    width: 267px;
    height: 19px;
}

.zp {
    display: flex;
    justify-content: center;
}